@font-face {
    font-family: "bebas";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/bebas/bebas.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebas.woff") format("woff"), url("../fonts/bebas/bebas.ttf") format("truetype"), url("../fonts/bebas/bebas.svg#bebas") format("svg");
}
@font-face {
    font-family: "utmbebas";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/utmbebas/utmbebas.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/utmbebas/utmbebas.ttf") format("truetype");
}
@font-face {
    font-family: "helvetica-neue-thin";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/helvetica-neue-thin/helvetica-neue-thin.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/helvetica-neue-thin/helvetica-neue-thin.ttf") format("truetype");
}
@font-face {
    font-family: "impact";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/UTM_Impact.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/UTM_Impact.ttf") format("truetype");
}
@font-face {
    font-family: "populaire";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/populaire/populaire.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/populaire/populaire.ttf") format("truetype");
}
@font-face {
    font-family: "HNLTU";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/helvetica-neue-thin/Helvetica-Lt.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/helvetica-neue-thin/Helvetica-Lt.woff") format("woff"),
        url("../fonts/helvetica-neue-thin/Helvetica-Lt.ttf") format("truetype");
}
@font-face {
    font-family: "uvn3";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/uvn/uvn3.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/uvn/uvn3.ttf") format("truetype");
}
@font-face {
    font-family: "GothicBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/CenturyGothicBold/CenturyGothicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothicBold/CenturyGothicBold.woff") format("woff"), url("../fonts/CenturyGothicBold/CenturyGothicBold.ttf") format("truetype"), url("../fonts/CenturyGothicBold/CenturyGothicBold.svg#CenturyGothicBold") format("svg");
}
@font-face {
    font-family: "GothicRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/CenturyGothicRegular/CenturyGothicRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothicRegular/CenturyGothicRegular.woff") format("woff"), url("../fonts/CenturyGothicRegular/CenturyGothicRegular.ttf") format("truetype"), url("../fonts/CenturyGothicRegular/CenturyGothicRegular.svg#CenturyGothicRegular") format("svg");
}
@font-face {
    font-family: "MyriadProRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"), 
        url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype"), 
        url("../fonts/MyriadProRegular/MyriadProRegular.svg#MyriadProRegular") format("svg");
}
@font-face {
    font-family: "gautamib";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/gautamib/gautamib.eot?#iefix") format("embedded-opentype"), url("../fonts/gautamib/gautamib.woff") format("woff"), url("../fonts/gautamib/gautamib.ttf") format("truetype"), url("../fonts/gautamib/gautamib.svg#gautamib") format("svg");
}
@font-face {
    font-family: "gothic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/gothic/gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/gothic/gothic.woff") format("woff"), url("../fonts/gothic/gothic.ttf") format("truetype"), url("../fonts/gothic/gothic.svg#gothic") format("svg");
}
@font-face {
    font-family: "uvn";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/uvn/uvn.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/uvn/uvn.ttf") format("truetype")
}
@font-face {
    font-family: "gothamlight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/gothamlight/gothamlight.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/gothamlight/gothamlight.ttf") format("truetype")
}
@font-face {
    font-family: "uvn2";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/uvn/uvn2.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/uvn/uvn2.ttf") format("truetype")
}
@font-face{
    font-family: 'MyriadBC';
    src: url(../fonts/MyriadBC/MyriadBC.otf),
        url(../fonts/MyriadBC/MyriadBC.eot);
}
@font-face {
    font-family: 'robotoItalic';
    src: url('../fonts/robotocondensed-italic.eot');
    src: url('../fonts/robotocondensed-italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-italic.woff') format('woff'),
        url('../fonts/robotocondensed-italic.ttf') format('truetype'),
        url('../fonts/robotocondensed-italic.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'robotoBoldItalic';
    src: url('../fonts/robotocondensed-bolditalic.eot');
    src: url('../fonts/robotocondensed-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotocondensed-bolditalic.woff') format('woff'),
        url('../fonts/robotocondensed-bolditalic.ttf') format('truetype'),
        url('../fonts/robotocondensed-bolditalic.svg#roboto_condensedbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    /*font-family: 'utm_swiss_condensed';*/
    font-family: 'robotoRegular';
    src: url('../fonts/utm_swiss_condensed_regular.eot');
    src: url('../fonts/utm_swiss_condensed_regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/utm_swiss_condensed_regular.woff') format('woff'),
        url('../fonts/utm_swiss_condensed_regular.ttf') format('truetype'),
        url('../fonts/utm_swiss_condensed_regular.svg#robotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    /*font-family: 'utm_swiss_condensed';*/
    font-family: 'robotoBold';
    src: url('../fonts/174_vectordep.vn_utm_swiss_condensedbold.eot');
    src: url('../fonts/174_vectordep.vn_utm_swiss_condensedbold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/174_vectordep.vn_utm_swiss_condensedbold.woff') format('woff'),
        url('../fonts/174_vectordep.vn_utm_swiss_condensedbold.ttf') format('truetype'),
        url('../fonts/174_vectordep.vn_utm_swiss_condensedbold.svg#robotoBold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'eurostile_lt_std_condensedRg';
    src: url('../fonts/eurostileltstd-cn-webfont.eot');
    src: url('../fonts/eurostileltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/eurostileltstd-cn-webfont.woff') format('woff'),
        url('../fonts/eurostileltstd-cn-webfont.ttf') format('truetype'),
        url('../fonts/eurostileltstd-cn-webfont.svg#eurostile_lt_std_condensedRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: MyriadPro-BC;
    src: 
        url(../fonts/MyriadPro-BoldCond.otf),
        url(../fonts/MyriadPro-BoldCond.woff),
        url(../fonts/MyriadPro-BoldCond.svg),
        url(../fonts/MyriadPro-BoldCond.ttf),
        url(../fonts/MyriadPro-BoldCond.eot);
} 
@font-face{
    font-family: MyriadPro-RG;
    src: 
        url(../fonts/MyriadPro-Regular.otf),
        url(../fonts/MyriadPro-Regular.woff),
        url(../fonts/MyriadPro-Regular.svg),
        url(../fonts/MyriadPro-Regular.ttf),
        url(../fonts/MyriadPro-Regular.eot);
} 

@font-face{
    font-family: century-gothic-bold;
    src: 
        url(../fonts/century-gothic-bold.otf),
        url(../fonts/century-gothic-bold.woff),
        url(../fonts/century-gothic-bold.svg),
        url(../fonts/century-gothic-bold.ttf),
        url(../fonts/century-gothic-bold.eot);
}   
@font-face {
    font-family: "pixeldings";
    src: url("../fonts/pixeldings.eot?1027");
    src: url("../fonts/pixeldings.eot?1027") format("embedded-opentype"), url("../fonts/pixeldings.svg?1027") format("svg"), url("../fonts/pixeldings.woff?1027") format("woff"), url("../fonts/pixeldings.ttf?1027") format("truetype");
    font-weight: normal;
    font-style: normal; 
}
* {
    margin: 0;
    padding: 0;
}
header{background: #96bf48}
.container-inner{width: 1000px;margin: 0 auto}
div.logo{display: inline-block;float: left;width: 40%}
a.logoImage{display: inline-block;}
a.logoImage:hover {text-decoration: none}
a.logoImage:hover *{color: #FFD557}
a.logoImage img{float: left;margin-right: 8px}
a.logoImage:hover img{
/*    animation: rotateIn 1s ease-out ;
                      -moz-animation: rotateIn  1s ease-out ;
                      -webkit-animation: rotateIn 1s ease-out ;
                      -o-animation: rotateIn 1s ease-out  ;*/
}
h1.sitename{font-size: 20px;line-height: 25px;font-weight: 700;font-family: 'HNLTU',tahoma,arial;margin: 30px 0 0 0 ;color: #fff}
h2.sitedesc{font-size: 15px;line-height: 20px;font-family: 'HNLTU',tahoma,arial;white-space: nowrap;margin: 0;color: #fff}
.navigation{margin: 30px 0 0 0;text-align: right;padding: 5px;display: inline-block;vertical-align: top;float: right;width: 60%}
.navigation .menu{display: inline-block;text-align: left}
.navigation .menu > li{float: left;background:none;margin-right: 5px;
 transition : background 1000ms ease-out; 
  -webkit-transition : background 1000ms ease-out; 
  -moz-transition : background 1000ms ease-out;
  -o-transition : background 1000ms ease-out;
}
.navigation .menu li.parent ul li{margin-bottom: 1px;background: #fafafa}
.navigation .menu > li > a{color: #fff;padding: 20px 10px}
.navigation .menu > li.current,.navigation .menu >  li.active,.navigation .menu >  li:hover,.navigation .menu > li.current > a,.navigation .menu >  li.active > a,.navigation .menu > li:hover > a{background: #fff;color: #038ac4;}
.navfixed{position: fixed;top: 0px;width: 100%;z-index: 1988}
